<!doctype html>
<html lang='en'>
<head>
  <title>Chat</title>
  <link rel='stylesheet' href='/css/style.css'></link>
</head>
<body>
<div id='content'>
  <div id='room'></div> 
  <div id='room-list'></div> 
  <div id='messages'></div> 
<form id='send-form'>
  <input id='send-message' /> 
  <input id='send-button' type='submit' value='Send'/>
  <div id='help'>
    Chat commands:
    <ul>
      <li>Change nickname: <code>/nick [username]</code></li>
      <li>Join/create room: <code>/join [room name]</code></li>
    </ul>
  </div>
</form>
</div>
<script src='/js/socket.io.min.js' type='text/javascript'></script>
<script src='/js/jquery.min.js' type='text/javascript'></script>
<script src='/js/chat.js' type='text/javascript'></script>
<script src='/js/chat_ui.js' type='text/javascript'></script>
</body>
</html>